<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <title>valuechange test</title>
</head>
<body>

<h1>see console please</h1>

value ： <input id="test"/>

<button id="action">random set value</button>

<script src="/kissy/build/seed.js"></script>

<script src="/kissy/src/package.js"></script>
<script>

    KISSY.use("dom,event/dom,node", function (S, Dom, Event, Node) {

        var test = Node.one("#test");
        test.on("valueChange", function (ev) {
            S.log("preval : " + ev.preVal
                    + " . newVal : " + ev.newVal);
        });

        var action = Node.one("#action");
        action.on("click", function (ev) {
            test.val(+new Date());
        });
    });
</script>
</body>
</html>